<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
        模板字符串：
        1. 具有普通字符串的所有功能，加强版的字符串。
        2.用反引号``定义
        3.定义多行字符串
        4.字符串中加入变量和表达式
        */

        var str='王者荣耀';
        //1.``定义
        var game = `李白`;

        //2.当成普通字符串使用即可
        console.log(game + '李白真刮痧');
        console.log(game.length);

        //3.多行字符串（支持换行）
        var ul =`<ul>
                       <li>弃我去者，</li> 
                       <li>昨日之日不可留</li> 
                       <li>乱我心者，今日之日多烦忧</li> 
                </ul>`
                console.log(ul);


        //4.可以直接使用变量
        let hero = '李白';
        console.log(`要是能重来,我要选${hero}`);
        
        //5.表达式
        let age =22;
        console.log(`今年我${age}岁了`);


        //6.支持函数
        function cook(order) {
            console.log('老板给我来一份'+order);
            return '麻辣虾';

        }

        console.log(`晚上吃${cook('麻辣虾')}`)


    </script>
</body>
</html>